<template>
  <div class="head">
    <div class="headbox">
      <div class="headcolor">
        <i class="el-icon-s-release"></i>
      </div>
      <div class="headtext">
        <h1>500</h1>
        <p>今日预约人数</p>
      </div>
    </div>
    <div class="headbox">
      <div class="headcolor headcolor2">
        <i class="el-icon-s-help"></i>
      </div>
      <div class="headtext">
        <h1>400</h1>
        <p>今日挂号人数</p>
      </div>
    </div>
    <div class="headbox">
      <div class="headcolor headcolor3">
        <i class="el-icon-platform-eleme"></i>
      </div>
      <div class="headtext">
        <h1>435752</h1>
        <p>今日门诊值总额</p>
      </div>
    </div>
    <div class="headbox">
      <div class="headcolor headcolor4">
        <i class="el-icon-s-marketing"></i>
      </div>
      <div class="headtext">
        <h1>456123</h1>
        <p>今日消费总额</p>
      </div>
    </div>
    <div class="headbox">
      <div class="headcolor headcolor5">
        <i class="el-icon-s-custom"></i>
      </div>
      <div class="headtext">
        <h1>673</h1>
        <p>今日绑卡人数</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
@import "./scss/index.scss";
</style>